@charset "utf-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
}
html {
	color: #000;
	background: #FFF;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var, optgroup {
	font-style: inherit;
	font-weight: inherit;
	font-size: 14px;
}
del, ins {
	text-decoration: none;
}
li {
	list-style: none;
}
caption, th {
	text-align: left;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}
sup {
	vertical-align: baseline;
}
sub {
	vertical-align: baseline;
}
input, button, textarea, select, optgroup, option {
	font-family: "微软雅黑";
	font-size: inherit;
	font-style: inhe;
	font-weight: inherit;
	font-size: 14px;
}
input, button, textarea, select {
*font-size:100%;
}
input, select {
	vertical-align: middle;
}
body {
	    overflow-x: hidden;
	font-family: "微软雅黑";
	color: #4a4f54;
	font-size: 14px;
	font-family: "Microsoft Yahei";
}
select, input, button, textarea, button {
	font: 99% arial, helvetica, clean, sans-serif;
	font-size: 14px;
}
table {
	font-size: inherit;
	font: 100%;
	border-collapse: collapse;
}
pre, code, kbd, samp, tt {
	font-family: monospace;
*font-size:108%;
	line-height: 100%;
}
/*title*/

h1 {
	font-size: 32px;
}
h2 {
	font-size: 26px;
}
h3 {
	font-size: 20px;
}
h4 {
	font-size: 14px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 10px;
}
a {
	color: #4a4f54;
	text-decoration: none;
}
img {
	vertical-align: middle;
}
.mt10 {
	margin-top: 10px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.clearfix {
}
.content {
	width: 1300px;
	margin: 0 auto
}
.clear {
	clear: both;
}
.main {
	width: 1300px;
	margin: 0 auto;
}
.container{
	width: 1300px;
	margin: 0 auto;
	}
header {
	width: 100%;
	background: transparent;
	height: 60px;
	position: fixed;
	top: 0px;
	z-index: 99999;
	line-height: 60px;
}
header .logo {
	float: left;
}
header nav {
	float: right;
	max-width: 1000px;/* margin: 0 3%; */
	line-height: 55px;
	height: 55px;
}
nav .ul1 {/* float:left; *//* width:25%; */
}
nav .ul2 {
	float: right;
	width: 25%;
}

nav>ul.f_cb1{position: relative;}
nav>ul>li {
	width: 100px;
	float: left;
	text-align: center;
	
}
nav>ul>li:hover>a {font-size:17px;}
nav>ul>li>a {
	color: #fff;
	font-size: 16px;
}
nav li.logo {
	width: 50%;
	text-align: center;
	float: left;
}
header.black {
	background: rgba(51, 51, 51, 0.7);
}
.GridListWrapper {
	display: block;
	width: 1300px;
	margin: 0 auto;
	overflow: hidden;
}
footer .GridListWrapper{    padding-top: 50px;}
.GridListWrapper .el {
	width: 23%;
	float: left;
	position: relative;
	padding:0 1%;
	margin-bottom: 3%;
}
.GridListWrapper .el h3{ text-align:center; font-weight:normal; height:35px;line-height:35px;font-size: 18px;font-style:normal;}
.GridListWrapper .el .imageContainer a {
	color: #4a4f54;
	text-decoration: underline;
}
.GridListWrapper .el h3 a{color:#a3a3a3; font-size:15px;}
.GridListWrapper .el:hover h3 a{color:#000000;}
.imageContainer {
	position: relative;
}
.mediaOverlay .mediaOverlayBg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	transition: background-color 0.4s
}
.imageContainer:hover .mediaOverlayBg {
	background-color: rgba(0,0,0,0.3)
}
.lt-ie9 .mediaOverlay .mediaOverlayBg {
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	background-color: #000
}
mediaOverlay.mediaOverlayImage .mediaOverlayIcon {
	right: 15px;
	bottom: 13px;
}
.mediaOverlay .mediaOverlayIcon {
	position: absolute;
}
.GridListWrapper .el img {
	/* display: block; */
	width: 90%;
	height: auto;
	/* margin-bottom: 33px; */
	object-fit: contain;
	height: 197px;
}
.textContainer {
	margin-top: -15px;
}
.news .textContainer .heading {
	margin-bottom: 15px;
	font-size: 16px;
	padding: 1px 0;
	text-align: left;
}

.tableSwap {
	margin-top: 24px;
}
.tableSwap .secondaryLinkWithStyle {
	font-size: 14px;
}
.prospan {
	   height: 180px;
    text-align: center;
    display: block;
    /* border: 1px solid #ddd; */
    margin: 0 auto 0px;
    /* font-size: 30px; */
    line-height: 50px;
    display: block;
    /* font-size: 32px; */
    letter-spacing: 2px;
    /* margin-bottom: 60px; */
    display: block;
    text-transform: uppercase;
    padding-top: 100px;
}
.prospan a {
	/* font-size: 40px; */
	/* display:block; */
	color: #2b2b2b;
	line-height: 50px;
	height: 50px;
	width: 100%;
	float: left;
	font-size:25px;
	display: block;
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
}
.prospan i {
	    line-height: 50px;
	    display: block;
	    font-size: 32px;
	    letter-spacing: 2px;
	    /* margin-bottom: 20px; */
	    font-style:normal;
	    width:100%;
	    text-transform: uppercase;
	    font-weight: bold;
	    color: #2b2b2b;
}
.case {
	/* background-color: #4a4f54; */
	/* color: #e4e8e8; */
	margin-bottom: 60px;
}
.case a {
	/* color: #e4e8e8; */
}
.parter h1 {
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	text-align: center;
}
.parter p {
	text-align: center;
}
.parter .parul {
	width: 100%;
}
.parter .parul li {
	width: 16.6%;
	float: left;
	text-align: center;
}
.gushidiv {
	width: 100%;
	margin-top: 30px;
}
.gushidiv dl {
	width: 24.2%;
	float: left;
	margin-right: 1%;
}
.gushidiv dl img {
	width: 100%;
}
.gushidiv dl:last-child {
	margin-right: 0px;
}
.gushidiv dl dt {
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 16px;
	padding: 1px 0;
	text-align: center;
}
.index2 ul {
	width: 100%;
}
.index2 ul li {
	width: 18.5%;
	float: left;
	color: #4a4f54;
	padding: 0 3.2%;
	border-left: #dadbdd solid 1px;
	padding-bottom: 50px;
}
.index2 ul li i {
	font-style: normal;
}
.index2 ul li:first-child {
	border-left: none;
}
.index2 ul li h1 {
	line-height: 1.1em;
	height: 1.1em;
	font-weight: bold;
	margin-bottom: 5px;
}
.index2 ul li p {
	line-height: 20px;
	margin-bottom: 45px;
	height: 40px;
	overflow: hidden;
}
.index2 ul li a {
	display: inline-block;
	padding: 5px 5px 5px 0;
	font-size: 0;
	float: left;
	cursor: default;
}
.news .el img {
	height: 180px;
	object-fit: cover;
}
.ReadyToGoBar li {
	float: left;
	width: 25%;
	flex: 0 0 25%;
	float: left;
}
.ReadyToGoBar li a {
	display: block;
	margin-right: 20px;
	position: relative;
	text-decoration: none;
	padding: 0px 20px 20px;
	text-align: center;
	border-right: 1px solid;
	border-color: #d8d8d8 !important;
}
.ReadyToGoBar li a span {
	display: block;
	margin: 0 0 18px 0;
}
.ReadyToGoBar li a span img {
	width: 53px;
}
.ReadyToGoBar li a .headingH5 {
	font-size: 16px;
	margin-bottom: 10px;
}
.ReadyToGoBar li a .fontBodyCopy {
	font-size: 14px;
}
footer {
	background-color: #4a4f54;
	width: 100%;
	height: 380px;
	color: #e4e8e8;
}
.footleft {
	float: left;
	width: 70%;
}
.footright {
	float: right;
	width: 25%;
	text-align: center;
	margin-right: 40px;
}
.footright>div{ float:left; width:50%; text-align:center;}
.footright>div img {
	width:80%;
}
.footright p {
	line-height: 30px;
}
.footleft ul {
	width: 16%;
	float: left;
}
.footleft ul h3 {
	height: 35px;
	line-height: 35px;
	font-size: 16px;
	font-weight:bold;
}
.footleft ul li {
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	width: 100%;
	float: left;
}
.footleft ul li a {
	font-size: 14px;
	width: 100%;
}

.footleft ul ul.ful {
	width: 100%;
	float: left;
}
footer a {
	color: #e4e8e8;
}
footer .footbottom {
	height: 30px;
	line-height: 30px;
	margin-top:20px;
	text-align: center;margin-top: 20px;
}
.nybanner {
	height: 400px;

	width: 100%;
}

.text-center {
 text-align:center;
 margin-bottom: 50px;
}
.list-inline>li {
    display: inline-block;
    padding: 10px 30px;
    margin: 0 62px;
    /* border:1px solid #ddd; */
}
.list-inline>li.caseuili{margin: 0 95px;/* padding: 0 30px; */}
.list-inline>li.caseuili:nth-child(1){ margin-left:0px;}
.list-inline>li.caseuili:last-child{margin-right: -30px;}
.list-inline>li.on{/* background:#84a094; */}
.list-inline>li a{ font-size:18px;}
.list-inline>li.on a{color:#84a094;}
figure.gridEl{/* margin-bottom:30px; */overflow:hidden;text-align: center;}
figure.gridEl:hover{ cursor:pointer;}
figure.gridEl>a{position:relative;display:block;overflow:hidden}
figure.gridEl>a.rongbg{
	width: 260px;
    height: 387px;
    background: url(../images/zheng.png) center no-repeat;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    text-align: center;
    display: block;
    display: table-cell;
    vertical-align: middle;

	}
figure.gridEl>a.rongbg>img{
	    width: 230px;
    height: 360px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
	object-fit: unset;
	}
figure.gridEl .new-pic{width:78px;height:80px;display:block;position:absolute;left:0;top:0;background-image:url("../images/new.png")/*tpa=http://www.hbd100.cn/theme/default/images/new.png*/;background-repeat:no-repeat;background-position:0 0;z-index:2}
figure.gridEl .pic-hover ul li{margin:0;padding:0;color:#ccc}
@media (max-width:1199px){figure.gridEl{margin-bottom:0}
figure.gridEl .pic-hover h3{font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;padding:20px 0 0 0;margin-bottom:10px;}
figure.gridEl .pic-hover h3 a{color:#000}
figure.gridEl .pic-hover ul{margin-bottom:15px;font-size:12px}
figure.gridEl .pic-hover ul li{color:#777}
figure.gridEl .pic-hover ul a{color:#777}}
@media (min-width:1200px){figure.gridEl{position:relative}
figure.gridEl>a img{transform:scale(1,1);-ms-transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
figure.gridEl:hover>a img{transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
figure.gridEl .pic-hover{background-color:transparent;position:absolute;z-index:1;top:0;left:0;width: 90%;max-width: 299px;height: 60%;display:block;padding: 20% 5%;/* -webkit-transition:.25s; */transition:.25s;}
figure.gridEl:hover .pic-hover{background-color:rgba(0,0,0,.75)}
figure.gridEl .pic-hover h3{font-size:18px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;/* padding:0 0 5px 0; */margin:0;color:#fff;text-align: center;}
figure.gridEl .pic-hover h3 a{color:#fff;font-size: 25px;}
figure.gridEl .pic-hover h3{-webkit-transition:.3s;transition:transform .3s}
figure.gridEl .pic-hover ul{margin:0;-webkit-transition:opacity .25s,-webkit-transform .25s;transition:opacity .25s,transform .25s;color: #fff;}
figure.gridEl .pic-hover ul a{color:#ccc}
figure.gridEl:hover .pic-hover ul{-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition-duration:.25s;transition-duration:.25s}
figure.gridEl .pic-hover span{background-color:#e67817;display:block;height:3px;width:60px;margin:15px auto 0 auto}
figure.gridEl:hover .pic-hover span{-webkit-transition-delay:.15s;transition-delay:.15s;-webkit-transition-duration:.25s;transition-duration:.25s}
figure.gridEl .pic-hover h3,figure.gridEl .pic-hover span,figure.gridEl .pic-hover ul{filter:alpha(opacity=0);opacity:0}
figure.gridEl .pic-hover h3,figure.gridEl .pic-hover span,figure.gridEl .pic-hover ul{-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
figure.gridEl:hover .pic-hover h3,figure.gridEl:hover .pic-hover span,figure.gridEl:hover .pic-hover ul{filter:alpha(opacity=100);opacity:1}
figure.gridEl:hover .pic-hover h3,figure.gridEl:hover .pic-hover span,figure.gridEl:hover .pic-hover ul{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.xg figure.gridEl .pic-hover{padding:52px 30px}}
.about{margin-top: 60px;clear: both;overflow: auto;background: #f8f7fc;padding-bottom: 100px;}
.about p.prospan {
    padding-top: 50px;
    height: 100px;
}
.about .ableft{float: right;width: 650px;margin-top: 20px;}
.about .ableft h2{height:50px;font-size:18px;font-weight: bold;text-align:center;}
.about .abright{
     float: left;
     width: 650px;
     margin-top: 20px;
    }

.about .ableft .divp{text-indent: 30px;font-size: 16px;line-height: 35px;} 
.about .abright iframe{margin-top:30px;}





.about .abright img{width:100%;}
.about .ableft h1{ font-size:20px; line-height:45px; height:45px;}
.about .ableft p{ font-size:16px; line-height:25px; text-indent:30px;}

.erj{position:absolute;top: 56px;left: -145px;width: 1087px;background:#fff;height: 760px;display:none;}  


.erj>li{height:35px;line-height:35px;position: relative; width:100px; float:left;}
.erj>li.navproli{ width:16.6%;}

.erj>li>a{ color:#666; font-size:15px;}



.child_navLeft{ width:177px; background:#95c36a; color:#fff; float:left;
				border: 0px solid #bcbcbc;
	}

.child_navLeft h3{ height:49px; line-height:49px; text-align:center;font-size:20px; border-bottom:1px solid #aee37d;font-family:"微软雅黑"; font-weight:normal;}
.child_navLeftB{height:147px;border-top: 1px solid #3CA9C3;/* position:relative; */width: 170px;float: left;/* position: absolute; *//* bottom: 10px; */left: 0px;text-align: left;}


.navLeft{
				position: relative;
				width: 170px;
				height: 760px;
				background:#2dc2e3;
				color:#fff;
				float:left;
				border: 0px solid #bcbcbc;
	}
.navLeft h3{height:49px;line-height:49px;text-align:center;font-size:20px;border-bottom: 1px solid #61E2FF;font-family:"微软雅黑";font-weight:normal;/* float: left; *//* text-align: center; */}
.navLeft{/* height:200px; *//* border-top:1px solid #3CA9C3; */position:relative;}
.navLeft p{
	margin-left: 12px;
    /* padding: 0 16px; */
    font-size: 12px;
    position: absolute;
    bottom: 10px;
    line-height: 25px;
	}

.child_navRihgt1{
	float: left;
	height: 760px;
	width: 917px;
	background-image: url(/skin/static/images/index6_03.png);
	background-repeat: repeat;
	background-position: left top;
}
.child_navRihgt1 dl{width: 12%;border-right:1px solid #505050;margin-top:15px;height:745px;float:left;}
.child_navRihgt1 dl dt{font-size:14px;color:#3CA9C3;font-family:"宋体";/* margin-bottom:15px; */text-align:center;height: 35px;line-height: 35px;}
.child_navRihgt1 dl dt>a{color: #3CA9C3;}
.child_navRihgt1 dl dd{height:32px;line-height:32px;font-size:12px;color:#cbcbcb;text-indent: 20px;text-align: left;}
.child_navRihgt1 dl dd>a{color:#cbcbcb; font-size:12px;}
.child_navRihgt1 dl dd a:hover{color:#3CA9C3;}
.child_navRihgt1 dl dd p{text-indent:52px;margin-bottom:12px;}
.child_navRihgt1 dl dd p a{color:#777676;}
.child_navRihgt1 dl dd p a:hover{}


nav>ul>li:nth-child(2) .navLeft{ background:#95c36a;}
nav>ul>li:nth-child(2) .navLeft h3{border-bottom: 1px solid #aee37d;}
nav>ul>li:nth-child(2) .navLeft .child_navLeftB{border-top: 1px solid #749853;}
nav>ul>li:nth-child(2) .child_navRihgt1 dl dt>a{color: #95c36a;}
nav>ul>li:nth-child(4) .navLeft h3{border-bottom: 1px solid #cd2c9b;}
nav>ul>li:nth-child(4) .navLeft .child_navLeftB{border-top: 1px solid #a4237c;}
nav>ul>li:nth-child(4) .navLeft{ background:#b1348a;}
nav>ul>li:nth-child(4) .child_navRihgt1 dl dt>a{color: #b1348a;}
nav>ul>li:nth-child(5) .navLeft{ background:#88cc9d;}
nav>ul>li:nth-child(5) .navLeft h3{border-bottom: 1px solid #98e4af;}
nav>ul>li:nth-child(5) .navLeft .child_navLeftB{border-top: 1px solid #70ac83;}
nav>ul>li:nth-child(5) .child_navRihgt1 dl dt>a{color: #88cc9d;}
nav>ul>li:nth-child(6) .child_navRihgt1 dl{ width:14.1%;}
nav>ul>li:nth-child(6) .navLeft{ background:#fcc32b;}
nav>ul>li:nth-child(6) .navLeft h3{border-bottom: 1px solid #FFE08C;}
nav>ul>li:nth-child(6) .navLeft .child_navLeftB{border-top: 1px solid #C5A858;}
nav>ul>li:nth-child(6) .child_navRihgt1 dl dt>a{color: #fcc32b;}
nav>ul>li:nth-child(7) .navLeft{background: #bf2119;}
nav>ul>li:nth-child(7) .navLeft h3{border-bottom: 1px solid #9c0b04;}
nav>ul>li:nth-child(7) .navLeft .child_navLeftB{border-top: 1px solid #bb1109;}
nav>ul>li:nth-child(7) .child_navRihgt1 dl dt>a{color: #bf2119;}
nav>ul>li:nth-child(6) .navLeft .child_navRihgt1 dl{    width: 14.1%;}

.chansan{/* position:absolute; *//* left:100px; *//* top: 0; */background:#fff;width: 100%;}
.chansan li{line-height:35px;height:35px;width:100%;float:left;text-align: center;/* text-indent: 10px; */}
.chansan li>a{color:#666;font-size: 14px;}
.chansan li:hover{background:#84a094;}
.chansan>li:hover a{ color:#fff;}
.content-block .col-lg-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
    float:left;
    height: 200px;
    padding-top: 30px;
    }
.content-block .col-lg-3:hover{ background:#84a094; cursor:pointer;}
.content-block{
    background: rgba(0, 0, 0, .8);
    /* padding-top:80px; */
    height: 230px;
    color: #fff;
    width: 100%;
    text-align: center;
    margin-bottom: 0px;
    }	
.content-block div.number{height:50px;line-height:50px;font-size:32px;}
.content-block .text { font-size:16px;}
.content-block div.number i{ font-style:normal; margin-left:5px; font-weight:normal; font-size:25px;}
.VR ,.gongchang{margin-bottom: 60px;}
.rongyu ,.news{
	    /* margin-top: 50px; */
	    margin-bottom: 60px;
	}
.news .ContentCard__price{ height:25px; line-height:25px; margin-bottom:5px;}
.news .ContentCard__body{line-height:25px;}
.notui .gridEl img ,.notui1 .gridEl img{ height:444px;}
.list-inline>li.chanpili:nth-child(1){ background:url(../images/xing1.png) center left no-repeat;}
.list-inline>li.chanpili:nth-child(1):hover{ background:url(../images/hxing1.png) center left no-repeat;}

.list-inline>li.chanpili:nth-child(2){ background:url(../images/xing2.png) center left no-repeat;}
.list-inline>li.chanpili:nth-child(2):hover{ background:url(../images/hxing2.png) center left no-repeat;}

.list-inline>li.chanpili:nth-child(3){ background:url(../images/xing3.png) center left no-repeat;}
.list-inline>li.chanpili:nth-child(3):hover{ background:url(../images/hxing3.png) center left no-repeat;}

.list-inline>li.chanpili:nth-child(4){ background:url(../images/xing4.png) center left no-repeat;}
.list-inline>li.chanpili:nth-child(4):hover{ background:url(../images/hxing4.png) center left no-repeat;}

.list-inline>li.chanpili:nth-child(5){background:url(../images/xing6.png) center left no-repeat;margin: 0 52px 0 69px;}
.list-inline>li.chanpili:nth-child(5):hover{ background:url(../images/hxing6.png) center left no-repeat;}

.list-inline>li.chanpili:nth-child(6){ background:url(../images/xing6.png) center left no-repeat;}
.list-inline>li.chanpili:nth-child(6):hover{ background:url(../images/hxing6.png) center left no-repeat;}

.list-inline>li.chanpili:nth-child(7){ background:url(../images/xing6.png) center left no-repeat;}
.list-inline>li.chanpili:nth-child(7):hover{ background:url(../images/hxing6.png) center left no-repeat;}

.topphoto{float: right;color: #fff;background:url(../images/tophone.png) center left no-repeat;font-size:20px;margin-left: 50px;text-indent: 35px;margin-right: -20px;font-weight: bold;}

.list-inline>li.caseuili:nth-child(1){ background:url(../images/jin1.png) center left no-repeat;}
.list-inline>li.caseuili:nth-child(1):hover{ background:url(../images/hjin1.png) center left no-repeat;}

.list-inline>li.caseuili:nth-child(2){ background:url(../images/jin2.png) center left no-repeat;}
.list-inline>li.caseuili:nth-child(2):hover{ background:url(../images/hjin2.png) center left no-repeat;}

.list-inline>li.caseuili:nth-child(3){ background:url(../images/jin3.png) center left no-repeat;}
.list-inline>li.caseuili:nth-child(3):hover{ background:url(../images/hjin3.png) center left no-repeat;}

.list-inline>li.caseuili:nth-child(4){ background:url(../images/jin4.png) center left no-repeat;}
.list-inline>li.caseuili:nth-child(4):hover{ background:url(../images/hjin4.png) center left no-repeat;}

.list-inline>li.caseuili:nth-child(5){ background:url(../images/jin5.png) center left no-repeat;}
.list-inline>li.caseuili:nth-child(5):hover{ background:url(../images/hjin5.png) center left no-repeat;}

.list-inline>li.shilili{margin: 0 75px;}
.list-inline>li.shilili:nth-child(1){ background:url(../images/gong1.png) center left no-repeat; margin-left:0px;}
.list-inline>li.shilili:nth-child(1):hover{ background:url(../images/hgong1.png) center left no-repeat;}
.list-inline>li.shilili:last-child{ margin-right:-30px;}
.list-inline>li.shilili:nth-child(2){ background:url(../images/gong2.png) center left no-repeat;}
.list-inline>li.shilili:nth-child(2):hover{ background:url(../images/hgong2.png) center left no-repeat;}

.list-inline>li.shilili:nth-child(3){ background:url(../images/gong3.png) center left no-repeat;}
.list-inline>li.shilili:nth-child(3):hover{ background:url(../images/hgong3.png) center left no-repeat;}

.list-inline>li.shilili:nth-child(4){ background:url(../images/gong4.png) center left no-repeat;}
.list-inline>li.shilili:nth-child(4):hover{ background:url(../images/hgong4.png) center left no-repeat;}
.list-inline>li.shilili:nth-child(5){ background:url(../images/gong5.png) center left no-repeat;}
.list-inline>li.shilili:nth-child(5):hover{ background:url(../images/hgong5.png) center left no-repeat;}

.list-inline>li.honortui{margin: 0 115px;}
.list-inline>li.honortui:nth-child(1){ background:url(../images/rong1.png) center left no-repeat; margin-left:0px;}
.list-inline>li.honortui:nth-child(1):hover{ background:url(../images/hrong1.png) center left no-repeat;}
.list-inline>li.honortui:last-child{ margin-right:-30px;}
.list-inline>li.honortui:nth-child(2){ background:url(../images/rong2.png) center left no-repeat;}
.list-inline>li.honortui:nth-child(2):hover{ background:url(../images/hrong2.png) center left no-repeat;}

.list-inline>li.honortui:nth-child(3){ background:url(../images/rong3.png) center left no-repeat;}
.list-inline>li.honortui:nth-child(3):hover{ background:url(../images/hrong3.png) center left no-repeat;}

.list-inline>li.honortui:nth-child(4){ background:url(../images/rong4.png) center left no-repeat;}
.list-inline>li.honortui:nth-child(4):hover{ background:url(../images/hrong4.png) center left no-repeat;}
.list-inline>li.honortui:nth-child(5){ background:url(../images/rong5.png) center left no-repeat;}
.list-inline>li.honortui:nth-child(6):hover{ background:url(../images/hrong5.png) center left no-repeat;}
	
.client-2 {
	position: fixed;
	right: -170px;
	top: 50%;
	z-index: 900;
}
.client-2 li a {
	text-decoration: none;
}
.client-2 li {
	margin-top: 1px;
	clear: both;
	height: 71px;
	position: relative;
}
.client-2 li i {
	background: url(../images/fx.png) no-repeat;
	display: block;
	width: 30px;
	height: 27px;
	margin: 0px auto;
	text-align: center;
}
.client-2 li p {
	height: 20px;
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;
	text-align: center;
	color: #fff;
	font-family: "Microsoft YaHei";
}
.client-2 .my-kefu-qq i {
	background-position: 4px 5px;
}
.client-2 .my-kefu-tel i {
	background-position: 0 -21px;
}
.client-2 .my-kefu-liuyan i {
	background-position: 4px -53px;
}
.client-2 .my-kefu-weixin i {
	background-position: -34px 4px;
}
.client-2 .my-kefu-weibo i {
	background-position: -30px -22px;
}
.client-2 .my-kefu-ftop {
	display: none;
}
.client-2 .my-kefu-ftop i {
	width: 33px;
	height: 35px;
	background-position: -27px -51px;
}
.client-2 .my-kefu-left {
	float: left;
	width: 77px;
	height: 47px;
	position: relative;
}
.client-2 .my-kefu-tel-right {
	font-size: 16px;
	color: #fff;
	float: left;
	height: 24px;
	line-height: 22px;
	padding: 0 15px;
	border-left: 1px solid #fff;
	margin-top: 14px;
}
.client-2 .my-kefu-right {
	width: 20px;
}
.client-2 .my-kefu-tel-main {
	background: #84a094;
	color: #fff;
	height: 56px;
	width: 247px;
	padding: 9px 0 6px;
	float: left;
}
.client-2 .my-kefu-main {
	background: #84a094;
	width: 97px;
	height: 56px;
	position: relative;
	padding: 9px 0 6px;
	float: left;
}
.client-2 .my-kefu-weixin-pic {
	position: absolute;
	left: -130px;
	top: -24px;
	display: none;
	z-index: 333;
}
.my-kefu-weixin-pic img {
	width: 115px;
	height: 115px;
}
/*gylc*/

.gylc {height: 250px;background: url(../images/gylcbg.jpg) no-repeat center;position: relative;margin-bottom:50px;}

.gylc .gylcbg {/* height: 480px; *//* background: url(../images/gylcbg02.png) no-repeat center bottom; */position: absolute;left: 0;bottom: 0;height: 17px;width: 100%;background: url(../images/gylcbg02.png) no-repeat center;}

.gylc h2.h2_title a {color: #84a094;}

.gylc p.p_title {color: #fff;}

.gylc .gylc_con {height: 180px;overflow: hidden;position: relative;}

.gylc .gylc_con .gylc_lc1 {position: absolute;width: 100px;height: 130px;/*top: 50px;*/top: 300px;}

.gylc .gylc_con .gylc_lc1 span {display: block;width: 1px;margin:0 auto;height: 55px;background: #84a094;}



.gylc .gylc_con .gylc_lc2 {position: absolute;width: 100px;height: 145px;/*top: 133px;*/top: 300px;}

.gylc .gylc_con .gylc_lc2 span {display: block;width: 1px;margin:0 auto;background: #84a094;height: 110px;}



.gylc .gylc_con .lctit {height: 30px;line-height: 30px;text-align: center;padding-bottom: 45px;font-size: 18px;color: #84a094;position: relative;}

.gylc .gylc_con .lctit i {display: block;position: absolute;left: 28px;bottom: 0;width: 43px;height: 43px;transition: all 0.5s;}

.gylc .gylc_con .lctit:hover i {transform: rotate(360deg);}



.gylc .gylc_con .lc_d1 {left: 33px;*left: 59px;}

.gylc .gylc_con .lc_d2 {left: 178px;*left: 159px;}

.gylc .gylc_con .lc_d3 {left: 306px;*left:257px;}

.gylc .gylc_con .lc_d4 {left: 426px;*left:357px;}

.gylc .gylc_con .lc_d5 {left: 556px;*left:457px;}

.gylc .gylc_con .lc_d6 {left: 681px;*left:557px;}

.gylc .gylc_con .lc_d7 {left: 782px;*left:657px;}

.gylc .gylc_con .lc_d8 {left: 906px;*left:757px;}

.gylc .gylc_con .lc_d9 {left: 1030px;*left:857px;}

.gylc .gylc_con .lc_d10 {left: 1156px;*left:957px;}

.gylc .gylc_con .lc_d11 {left:1056px;*left:1057px;}		
	h2.h2_title {font-size: 32px;font-weight: lighter;text-align: center;padding-top: 25px;margin-bottom: 15px;}

h2.h2_title a {color: #000;}

p.p_title {font-size: 17px;text-align: #666;text-align: center;font-weight: lighter;margin: 10px 0 25px 0;}
.neiyoushi {width: 1200px;margin:0 auto;background:url(../images/jingbg.png) top center no-repeat;height:500px;}
.neiyoushi .youleft{float:left;width:400px;text-align: right;margin-top: 45px;}
.neiyoushi .youright{float:right;width:400px;margin-top: 15px;} 	
.neiyoushi .youleft .neidl{ margin-bottom:30px; opacity: 0;}	
.neiyoushi .youleft .neidl dt{font-weight:bold; font-size:18px; color:#29897c}	
.neiyoushi .youleft .neidl:first-child{ margin-right:-55px;}
.neiyoushi .youleft .neidl:nth-child(3){ margin-right:-10px; }
.neiyoushi .youleft .neidl:nth-child(4){ margin-right:-40px;}
.neiyoushi .youleft .neidl:nth-child(5){ margin-right:-140px;}
.neiyoushi .youright .neidr{ margin-bottom:10px; opacity: 0;}	
.neiyoushi .youright .neidr dt{font-weight:bold; font-size:18px; color:#29897c}	
.neiyoushi .youright .neidr:first-child{ margin-left:-130px;}
.neiyoushi .youright .neidr:nth-child(2){ margin-left:-40px;  margin-bottom:20px;}
.neiyoushi .youright .neidr:nth-child(3){ margin-left:10px; margin-bottom:40px; }
.neiyoushi .youright .neidr:nth-child(4){ margin-left:-10px;margin-bottom:40px; }
.neiyoushi .youright .neidr:nth-child(5){ margin-left:-50px;}